<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>身高体重指数</title>
	</head>

	<body>
		<p>身高：（cm）</p>
		<input type="text" id="height" />
		<p>体重：（kg）</p>
		<input type="text" id="weight" />
		<p>
			<input type="button" value="求BMI" onclick="bmi()" />
		</p>

		<div id="result"></div>

		<script>
			function bmi() {
				// 获取元素对象
				var height = document.getElementById('height');
				var weight = document.getElementById('weight');
				var result = document.getElementById('result');
				/* 体质指数（BMI）=体重（kg）÷身高^2（m）	*/
				// 身高（m）
				var h=height.value/100;
				// 体重
				var w=weight.value;
				// bmi值(结果保留2位小数)
				var bmi=(w/(h*h)).toFixed(2);
				/* 成人的BMI数值：
					过轻：低于18.5;	正常：18.5-23.9;过重：24-27;肥胖：28-32;非常肥胖, 高于32*/
				var s="您的bmi值是："+bmi;
				if(bmi<18.5){
					s+=",过轻";
				}else if(bmi<24){
					s+=",正常";
				}else if(bmi<27){
					s+=",过重";
				}else if(bmi<32){
					s+=",过重";
				}else{
					s+=",非常肥胖";
				}				
				result.innerHTML=s;
				
			}
		</script>
	</body>

</html>